<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>传智播客值得你拥有</title>
	<link rel="stylesheet" type="text/css" href="css/reset.css">
	<link rel="stylesheet" type="text/css" href="css/index.css">
	<link rel="stylesheet" type="text/css" href="css/base.css">
</head>
<body>
		<!-- 页顶开始 -->
		<div class="top">
			<div class="top-content w">
				<span class="l_text">
				   传智播客旗下品牌：  黑马程序员  |  博学谷
				</span>
				<span class="r_text">
					改变中国IT教育，我们正在行动 &nbsp;&nbsp;        全国咨询热线：400-618-4000
				</span>
			</div>
		</div>

		<!-- logo区域开始 -->

		<div class="nav">
			<div class="logo w">
					<a href="#">
						<img src="images/logo.png">
					</a>
				
				<ul>
					<li><a href="#">免费学习资源</a></li>
					<li><a href="#">    课程中心</a></li>
					<li><a href="#">    原创教材</a></li>
					<li><a href="#">    学员故事</a></li>
					<li><a href="#">    传智社区</a></li>
				</ul>
			</div>
		</div>

		<!-- 广告开始 -->
        <div class="banner w">
        	<div class="banner-img">
        		<img src="images/banner.jpg">
        	</div>
			<div class="banner-r">
				<div class="up"></div>
				<div class="down">
					<ul>
						<li><a href="#">2016年传智各学科学费价格表</a></li>
						<li><a href="#">全国新开校区，前三期立减1998！</a></li>
						<li><a href="#">零基础，1元上30天完整IT入门课程 </a></li>
						<li><a href="#">UI设计打造会代码的全能设计师  </a></li>
						<li><a href="#">打造Python前后端全栈开发工程师</a></li>
						<li><a href="#">Android入门易成长快，岂止高薪！ </a></li>
						<li><a href="#">PHP助你快速入门，就业冲击10k+ </a></li>
						<li><a href="#">iOS，4个月即可引领IT“薪”革命 </a></li>
						<li><a href="#">延续40年经典—永不过时的C/C++</a></li>
					</ul>
				</div>
			</div>
        </div>



        <!-- 中间部分开始 -->
        <div class="center">
            <div class="center-box w">
	        	<div class="center-content">
	        		<p class="title">前端与移动开发</p>
	        		<p class="content">大前端改变世界 我们改变前端</p>
	        		<img src="images/web.png">
	        	</div>
	        	<div class="center-r">
	        		<div class="up-box">
	        			<div class="r-box">
	        			 	<a href="#">
	        			 		<img src="images/icon1.png">
	        					<p>课程介绍</p>
	        			 	</a>
	        			</div>
	        			<div class="r-box">
	        				<a href="#">
	        			 		<img src="images/icon2.png">
	        					<p>课程大纲</p>
	        			 	</a>
	        			</div>
	        			<div class="r-box">
	        				<a href="#">
	        			 		<img src="images/icon3.png">
	        					<p>开班时间</p>
	        			 	</a>
	        			</div>
	        			<div class="r-box">
	        				<a href="#">
	        			 		<img src="images/icon4.png">
	        					<p>师资库</p>
	        			 	</a>
	        			</div>
	        		</div>
	        		<div class="down-box">
	        			<div class="r-box">
	        				<a href="#">
	        			 		<img src="images/icon5.png">
	        					<p>就业薪资</p>
	        			 	</a>
	        			</div>
	        			<div class="r-box">
	        				<a href="#">
	        			 		<img src="images/icon6.png">
	        					<p>班级活动</p>
	        			 	</a>
	        			</div>
	        			<div class="r-box">
	        				<a href="#">
	        			 		<img src="images/icon7.png">
	        					<p>公开课</p>
	        			 	</a>
	        			</div>
	        			<div class="r-box">
	        				<a href="#">
	        			 		<img src="images/icon8.png">
	        					<p>视频下截</p>
	        			 	</a>
	        			</div>
	        		</div>
	        	</div>
	        </div>
        </div>
        


		<!-- 页脚部分开始 -->
		<div class="footer">
			<div class="footer-content w">
				<div>
	        		<dl>
	        			<dt><a href="#">关于我们</a></dt>
	        			<dd><a href="#">传智简介</a></dd>
	        			<dd><a href="#">加入传智</a></dd>
	        			<dd><a href="#">联系传智</a></dd>
	        		</dl>
	        		<dl>
	        			<dt><a href="#">旗下品牌</a></dt>
	        			<dd><a href="#">黑马程序员</a></dd>
	        			<dd><a href="#">博学谷</a></dd>
	        		</dl>
	        		<dl>
	        			<dt><a href="#">校区攻略</a></dt>
	        			<dd><a href="#">校区环境</a></dd>
	        			<dd><a href="#">住宿攻略</a></dd>
	        			<dd><a href="#">来校路线</a></dd>
	        		</dl>
	        		<dl>
	        			<dt><a href="#">关于小米</a></dt>
	        			<dd><a href="#">了解小米</a></dd>
	        			<dd><a href="#">加入小米</a></dd>
	        			<dd><a href="#">联系我们</a></dd>
	        		</dl>
	        		<dl>
	        			<dt><a href="#">学习资源	</a></dt>
	        			<dd><a href="#">视频库</a></dd>
	        			<dd><a href="#">公开课</a></dd>
	        			<dd><a href="#">云课堂</a></dd>
	        			<dd><a href="#">传智商城</a></dd>
	        		</dl>
	        		<dl>
	        			<dt><a href="#">传智故事</a></dt>
	        			<dd><a href="#">学员故事</a></dd>
	        			<dd><a href="#">科技喵喵喵</a></dd>
	        		</dl>
        		</div>	

        		<div class="line"></div>

        		<div class="text-footer">
        		    <ul>
        		    	<li><a href="#">黑马程序员</a></li>
        		    	<li><a href="#">博学谷</a></li>
        		    	<li><a href="#">首席营销官</a></li>
        		    	<li><a href="#">雅思</a></li>
        		    	<li><a href="#">ThinkPHP框架</a></li>
        		    	<li><a href="#">进销存软件</a></li>
        		    	<li><a href="#">在职研究生</a></li>
        		    	<li><a href="#">职称计算机考试</a></li>
        		    	<li><a href="#">武汉房产网</a></li>
        		    	<li><a href="#">中国教育网</a></li>
        		    	<li><a href="#">视频教程网</a></li>
        		    	<li><a href="#">论文查重</a></li>
        		    	<li><a href="#">听课网</a></li>
        		    	<li><a href="#">PPT模板</a></li>
        		    	<li><a href="#">求职信</a></li>
        		    	<li><a href="#">CCNA</a></li>
        		    	<li><a href="#">我爱IT技术网</a></li>
        		    	<li><a href="#">云计算</a></li>
        		    	<li><a href="#">标准下载</a></li>
        		    	<li><a href="#">图片制作</a></li>
        		    	<li><a href="#">五笔输入法下载</a></li>
        		    	<li><a href="#">中国在职研究生网</a></li>
        		    	<li><a href="#">电脑主题</a></li>
        		    	<li><a href="#">123标志设计网</a></li>
        		    	<li><a href="#">新东方小语种</a></li>
        		    	<li><a href="#">java1234</a></li>
        		    	<li><a href="#">培训师</a></li>
        		    	<li><a href="#">酷素材</a></li>
        		    	<li><a href="#">3d模型下载</a></li>
        		    	<li><a href="#">申请传智播客友链</a></li>
        		    </ul>
        		</div>
				
				<div class="line2"></div>
				
				<div class="the-last">
					<img src="images/logo.png">
					<p>版权所有 2006 - 2016 北京传智播客教育科技有限公司   地址：北京市昌平区建材城西路金燕龙办公楼一层   邮编：100096<br>
					电话：010-82935150/60/70   邮箱: zhanghj@itcast.cn   京ICP备08001421号   京公网安备110108007702</p>
				</div>
			</div>
		</div>

</body>
</html>